﻿
@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>StudentIndex</title>
    <script src="~/Scripts/jquery-1.10.2.min.js"></script>
    <link href="~/layer/skin/layer.css" rel="stylesheet" />
    <script src="~/layer/layer.js"></script>
    <link href="~/Content/bootstrap.css" rel="stylesheet" />
    <link rel="Bookmark" href="/favicon.ico">
    <link rel="Shortcut Icon" href="/favicon.ico" />
    <link href="~/H-ui/static/h-ui/css/H-ui.min.css" rel="stylesheet" />
    <link href="~/H-ui/static/h-ui.admin/css/H-ui.admin.css" rel="stylesheet" />
    <link href="~/H-ui/lib/Hui-iconfont/1.0.8/iconfont.css" rel="stylesheet" />
    <link href="~/H-ui/static/h-ui.admin/skin/default/skin.css" rel="stylesheet" />
    <link href="~/H-ui/static/h-ui.admin/css/style.css" rel="stylesheet" />
    <script src="~/H-ui/lib/jquery/1.9.1/jquery.min.js"></script>
    <script src="~/H-ui/lib/layer/2.4/layer.js"></script>
    <script src="~/H-ui/static/h-ui/js/H-ui.min.js"></script>
    <script src="~/H-ui/static/h-ui.admin/js/H-ui.admin.js"></script>
    <script src="~/H-ui/lib/jquery.contextmenu/jquery.contextmenu.r2.js"></script>
    @*<link href="~/Content/bootstrap.css" rel="stylesheet" />*@
    @*<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>*@
    <script>
        //跳转通知信模板页面
        function inform()
        {
            location.href = "/K_Student/InformIndex";
        }
        //更换场次模态窗口
        function movieInfo() {
           
            var strHtml = "<table class=\"table table-bordered\">";
            strHtml += "<tr style='background-color:#b4f3e2'><td>考试场次</td>";
            strHtml += "<td>备注</td>";
            strHtml += "<td>现有考生</td>";
            strHtml += "<td>开始时间</td>";
            strHtml += "<td>考试模式</td>";
            strHtml += "<td>状态</td>";
            strHtml += "</tr>";
            strHtml += "</table>";
            strHtml += "<button onclick=\"closeForm()\">关闭</button>";

            layer.open({
                type: "1",
                skin: "layui-layer-rim",
                title: "更换开始场次",
                area: ["600px", "380px"],
                content: strHtml
            })
            function closeForm() {
                //关闭弹窗
                layer.closeAll();
            }
        }
        function modaldemo() {
            $("#modal-demo").modal("show")
        }
         //添加学生模态窗口
        function AddStudent()
        {
            var Addhtml = "<table>";
            Addhtml += "<tr><td><input id=\"Button1\" type=\"button\" style=\"background-image: url('../../K_image/daoru.png');width:200px;height:125px;\" onclick='daorumain()' /></td><td><input id=\"Button1\" type=\"button\"  style=\"background-image: url('../../K_image/dage.png');width:200px;height:125px;\" /></td><td><input id=\"Button1\" type=\"button\" style=\"background-image: url('../../K_image/create.png');width:200px;height:125px;\"  /></td></tr>";
            Addhtml += "</table>";
       
            layer.open({
                type: "1",
                skin: "layui-layer-rim",
                title: "请选择考生添加方式",
                area: ["700px", "260px"],
                content: Addhtml
            })
            function closeForm() {
                //关闭弹窗
                layer.closeAll();
            }
        }
        //跳转到导入考生界面
        function daorumain()
        {
            location.href = "/K_Student/DaoRuIndex";
        }
    </script>
</head>
<body>
    <div>  
        <!--导航图片：考试五部曲-->
        <img src="~/K_image/nav123.png" style="width:100%" />
        <!--考生管理的页面div-->
        <div style="height:600px;width:80%;background-color:#ffffff;border:solid 1px #eeeff1;box-shadow: 2px 2px 2px 2px #f8f9fb ;margin:0 auto">
            <p style="margin-top:8px;margin-left:8px"><img src="~/K_image/kaosheng1.png" /></p><hr style="margin-left:10px;margin-right:10px;color:#eeeff1"/>
            <div style="height:40px;width:96%;background-color:#ffffff;border:solid 1px #eeeff1;margin:0 auto">
                <!--考生场次人数统计-->
                <span style="float:left">考试场次：<button class="btn btn-success" onclick="movieInfo(this)" >更换考试场次</button><!-- Button trigger modal -->
@*<button type="button" class="btn btn-success" data-toggle="modal" data-target="#myModal">
   更改考试场次
</button>*@@*<button class="btn radius btn-primary size-L" onClick="modaldemo()">弹出对话框</button>*@
</span>
                <span style="float:right">考试人数余额：<span style="color:#ff0000">99</span>人</span>
            </div>
            <div style="height:40px;width:96%;background-color:#ffffff;border:solid 1px #eeeff1;margin:0 auto;margin-top:10px">
               <span style="float:left"><input id="Checkbox1" type="checkbox" />全选</span>
                <select id="Select1"><option>发通知信</option><option>给没发过的发</option><option>给没确认的发</option> </select>
                <select id="Select2"><option>发短信</option><option>给没发过的发</option><option>给没确认的发</option> </select>
                <span style="float:right"><input id="Button1" type="button" value="通知信模板管理" class="btn btn-success" onclick="inform()" /></span>
            </div>
            <!--表格-->
            <div style="width:96%;margin:0 auto;text-align:center">
                <table class=" table table-bordered" style="text-align:center">
                    <tr class="success">
                        <td>试卷名称</td>
                        <td>考生数量</td>
                        <td>已发通知信</td>
                        <td>已发短信</td>
                        <td>确认</td>
                        <td>放弃</td>
                        <td>未回复</td>
                        <td>试卷时长</td>
                        <td>锁定状态</td>
                        <td>试卷状态</td>
                        <td>操作</td>
                    </tr>
                    <tr>
                        <td>第一单元考试</td>
                        <td>18人</td>
                        <td>0人</td>
                        <td>0人</td>
                        <td>0人</td>
                        <td>0人</td>
                        <td>0人</td>
                        <td>50分钟</td>
                        <td>未锁定</td>
                        <td>全部生成试卷</td>
                        <td><a>建测试账号</a><input id="Button1" type="button" value="添加考生" class="btn-success" onclick="AddStudent(this)"/><input id="Button2" type="button" value="管理考生" /></td>
                    </tr>
                </table>
            </div>
            @*<!-- 模态框（Modal） -->
            <!-- Modal -->
            <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
               <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            <h4 class="modal-title" id="myModalLabel">更改考场场次</h4>
                        </div>
                        <div class="modal-body">
                           你是徐鹏吗
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                            <button type="button" class="btn btn-primary">确定</button>
                        </div>
                    </div>
                </div>
            </div>*@  
            @*<div id="modal-demo" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content radius">
                        <div class="modal-header">
                            <h3 class="modal-title">对话框标题</h3>
                            <a class="close" data-dismiss="modal" aria-hidden="true" href="javascript:void();">×</a>
                        </div>
                        <div class="modal-body">
                            <p>对话框内容…</p>
                        </div>
                        <div class="modal-footer">
                            <button class="btn btn-primary">确定</button>
                            <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
                        </div>
                    </div>
                </div>
            </div>*@
        </div>
                    
    </div>            
   
                                                             
</body>

</html>

